<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*主体*/
			
			.bigbox {
				width: 1980px;
				height: 1360px;
				overflow: auto;
			}
			/*头部分*/
			
			.left {
				float: left;
			}
			
			.right {
				float: right;
			}
			
			.head {
				width: 1900px;
				height: 120px;
			}
			
			.logo {
				width: 350px;
				height: 70px;
				margin: 25px 100px;
			}
			
			.Search {
				width: 300px;
				height: 100px;
				margin: 27px 15px;
			}
			
			.search2 {
				width: 40px;
				height: 40px;
				position: absolute;
				top: 35px;
				right: 130px;
			}
			/*导航*/
			
			.nav {
				width: 1980px;
				height: 50px;
				position: absolute;
				top: 100px;
				left: 0;
				background-image: url(img/nav_bg.png);
			}
			
			ul li {
				list-style: none;
				
			}
			
			.nav ul li a {
				float: left;
				/*使用线高 让字体居中，由于整体高度为60px*/
				line-height: 30px;
				/*让文字间产生距离*/
				padding: 0 80px;
				
				color: black;
				/*去下线*/
				text-decoration: none;
				
				position: relative;
				top: 0;
				left: 100px;
				
			}
			
			.nav ul li a:hover {
				color: green;
			}
			/*主体*/
			
			.main {
				width: 950px;
				height: 900px;
				position: absolute;
				top: 150px;
				left: 350px;
			}
			/*后面*/
			
			.box1 {
				width: 1950px;
				height: 50px;
				background-color: whitesmoke;
				position: absolute;
				top: 750px;
				left: 0;
			}
			
			.box1_1 {
				width: 500px;
				height: 50px;
				position: absolute;
				top: 15px;
				left: 200px;
			}
			
			.box1_2 {
				width: 100px;
				height: 25px;
				position: absolute;
				top: 15px;
				right: 200px;
			}
			/*尾部*/
			
			.foot_1 {
				width: 400px;
				height: 400px;
				border: 2px solid whitesmoke;
				position: absolute;
				top: 850px;
				left: 200px;
			}
			
			.foot_2 {
				width: 400px;
				height: 400px;
				border: 2px solid whitesmoke;
				position: absolute;
				top: 850px;
				left: 700px;
			}
			
			.foot_3 {
				width: 400px;
				height: 400px;
				border: 2px solid whitesmoke;
				position: absolute;
				top: 850px;
				left: 1200px;
			}
			
			.foot_img {
				width: 100px;
				height: 30px;
				position: relative;
				top: 50px;
				left: 20px;
			}
			
			.Color {
				color: green;
			}
			
			.foot_1_box {
				width: 250px;
				height: 250px;
				position: relative;
				top: 60px;
				left: 100px;
			}
			
			.jiantou_l {
				width: 50px;
				height: 50px;
				position: relative;
				top: 160px;
				left: 80px;
			}
			
			.jiantou_r {
				width: 50px;
				height: 50px;
				position: relative;
				bottom: 140px;
				left: 300px;
			}
			
			.foot_2_box {
				width: 390px;
				height: 300px;
				position: relative;
				top: 60px;
				left: auto;
			}
			.foot_3_box{
				width: 390px;
				height: 300px;
				position: relative;
				top: 60px;
				left: auto;
			}
			
			.Last{
				width: 1950px;
				height: 300px;
				background-color: dimgrey;
				border-bottom:2px dashed whitesmoke;
				position: absolute;
				top: 1300px;
				left: 0;
			}
			.last_last{
				width: 1950px;
				height: 150px;
				background-color:dimgrey ;
				position: absolute;
				top: 1602px;
				left: 0;
			}
			
			.last_last_box{
				width: 500px;
				height: 50px;
				margin: 50px auto;
			}
			
			.Last_box1{
				width: 100px;
				height: 30px;
				margin: 20px 20px;
			    float: left;
			}
			.Last_box2{
				width: 600px;
				height: 30px;
				margin: 20px 180px;
                
			}
			.Last_box3{
				width: 600px;
				height: 30px;
				margin: 20px 180px;
			}
			
			.hui{
				color: grey;
			}
			.bai{
				color: gainsboro;
			}
		</style>
	</head>

	<body>
		<div class="bigbox">
			<!--头部分-->
			<div class="head">
				<div class="logo left"><img src="img/logo.jpg" /></div>
				<div class="Search right"><input type="button right" value="请输入" style="width: 150px;height: 22px;" /></div>
				<div class="search2"><img src="img/search2.jpg" </div>
				</div>

				<!--导航部分-->
				<div class="nav">
					<ul>
						<li>
							<a href="#">首页</a>
						</li>
						<li>
							<a href="#">智能手机</a>
						</li>
						<li>
							<a href="#">电脑</a>
						</li>
						<li>
							<a href="#">配件</a>
						</li>
						<li>
							<a href="#">服务支持</a>
						</li>
						<li>
							<a href="#">关于尚合</a>
						</li>
					</ul>
				</div>

				<!--主体部分-->
				<div class="main">
					<img src="img/banner.jpg" />
				</div>

				<!--后面-->
				<div class="box1">
					<span class="box1_1">最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网</span>
					<div class="box1_2">
						<img src="img/renren.png" />
						<img src="img/weibo.png" />
						<img src="img/xinlang.png">
						<img src="img/zone.png" />
					</div>
				</div>

				<!--尾部-->

				<div class="foot_1">

					<div class="foot_img">
						<img src="img/o.jpg" />
						<span class="Color">新闻发布</span>
					</div>
					<div class="jiantou_l"><img src="img/left.png"></div>
					<div class="foot_1_box"><img src="img/home_hot_01.png"></div>
					<div class="jiantou_r"><img src="img/right.png"></div>

				</div>

				<div class="foot_2">
					<div class="foot_img">
						<img src="img/o.jpg" />
						<span class="Color">新闻中心</span>
					</div>
					<div class="foot_2_box">
						<ul>
							<li style="border-bottom: 2px dashed whitesmoke; margin: 20px 0;">致歉公告</li>
							<li style="border-bottom: 2px dashed whitesmoke; margin: 20px 0;">首批尚合Aonet已全部售罄</li>
							<li style="border-bottom: 2px dashed whitesmoke; margin: 20px 0;">媒体报导国产高性价比 尚合Aoner四核手机评测</li>
							<li style="border-bottom: 2px dashed whitesmoke; margin: 20px 0;">我司产品已经通过咯国家强制性产品3C认证</li>
							<li style="border-bottom: 2px dashed whitesmoke; margin: 20px 0;">尚合Aone智能手机入网证已经获得工信部门审批下发</li>
							<li style="border-bottom: 2px dashed whitesmoke; margin: 20px 0;">我司通过ISO9001:2008国际质量管理体系认证</li>
						</ul>
					</div>

				</div>

				<div class="foot_3">

					<div class="foot_img">
						<img src="img/o.jpg" />
						<span class="Color">技术与支持</span>
					</div>
					<div class="foot_3_box">
						<ul>
							<li>售后服务</li>
							<li>投诉与建议</li>
							<li>联保网点</li>
							<li>常见问题FAQ</li>
							<br />
							<br />
							<br />
							<li>深圳市汇聚众合科技发展有限公司</li>
							<li>服务热线：400-633-7922</li>
						</ul>
					</div>
				</div>
				
				
				<div class="Last">
					<div class="Last_box2">
						<div class="Last_box1 bai">尚合首页</div>
				
					<div class="Last_box1 bai">尚合首页</div>
					
					<div class="Last_box1 bai">尚合首页</div>
					
					<div class="Last_box1 bai">尚合首页</div>
					</div>
					
					<div class="Last_box3 ">
					<div class="Last_box1 hui">返回首页</div>
				
					<div class="Last_box1 hui">返回首页</div>
					
					<div class="Last_box1 hui">返回首页</div>
					
					<div class="Last_box1 hui">返回首页</div>
					</div>
			
				</div>
				
				
				<div class="last_last">
					<div class="last_last_box">深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司</div>
				</div>

			</div>

	</body>

</html>